<template>
	<div class="gj-container">
		<div class="phonelistWrap">
			<div class="phonelist-content">
				<div>机加残量报工</div>
				<div class="tableBox">
					<el-form class="remantRework" ref="form" label-position="left" :model="form" label-width="50%">
						<el-form-item label="工单号"><div><el-input v-model="form.order" placeholder="请输入"></el-input></div></el-form-item>
						<el-form-item label="产品代码"><div><el-input v-model="form.code" placeholder="请输入"></el-input></div></el-form-item>
						<el-form-item label="产品名称"><div><el-input v-model="form.name" placeholder="请输入"></el-input></div></el-form-item>
						<el-form-item label="已报工数量/计划数量"><div><el-input v-model="form.num" placeholder="请输入"></el-input></div></el-form-item>
						<el-form-item label="本班残数量">
							<div><el-input v-model="form.failNum" placeholder="请输入"></el-input></div>
						</el-form-item>
					</el-form>
				</div>
				<div style="float:right;margin-top:60px;"><el-button type="primary">报工</el-button></div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			form: {
				order: '',
				code: '',
				name: '',
				num: '',
				failNum: '',
			}
		};
	},
	methods: {
		onSubmit() {
			console.log('submit!');
		}
	}
};
</script>

<style scoped>
.tableBox {
	border-radius: 10px;
	margin-top: 30px;
	background:#fff;
	padding: 10px 30px;
	height:500px;
}
.remantRework >>> .el-form-item{
	border-bottom:solid 1px #eeeeee;
	padding-bottom: 15px;
	padding-top: 15px;
}
.remantRework >>> .el-form-item__label{
	font-size:30px;
	color:#000;
}
.remantRework >>> .el-form-item__content{
	font-size:30px;
	color:#666666;
}
.remantRework >>> .el-input > input{
	background:#fff;
	font-size:30px;
	margin-top: -20px;
}
</style>
